import { useNavigate } from 'react-router'
import styles from './NotFound.module.css'
import { Button, Result } from 'antd'

const NotFound = () => {
  const navigate = useNavigate()
  return (
    <div className={styles.container}>
      <Result
        status="404"
        title="404"
        subTitle="访问的页面不存在"
        extra={<Button type="primary" onClick={() => { navigate('/')}}>返回首页
        </Button>}
      />
    </div>
  );
};

export default NotFound;